// https://github.com/primer/css/blob/v12.1.1/src/layout/container.scss
// Fixed-width, centered column for site content.
// This will be deprecated and replaced with container-lg in future
.n-container {
  width: $container-width;
  margin-right: auto;
  margin-left: auto;
  @include clearfix;
}

// Handy container styles that match our breakpoints

// 544px
.n-container-sm {
  max-width: $width-sm;
  margin-right: auto;
  margin-left: auto;
}

// 768px
.n-container-md {
  max-width: $container-md;
  margin-right: auto;
  margin-left: auto;
}

// 1004px - this matches the current fixed width: 980px + padding: px-3
.n-container-lg {
  max-width: $container-lg;
  margin-right: auto;
  margin-left: auto;
}

// 1280px
.n-container-xl {
  max-width: $container-xl;
  margin-right: auto;
  margin-left: auto;
}
